
<div class="container_16">
	<nav>
		<div>		
			<ul class="grid_12">
            	<li class="grid_2 logo"><a href="home.html" title="" class="logoST"></a></li>				
				<li class="grid_2 menua"><a href="javascript: history.go(-1)" title="" class="previous">Précédent</a></li>
				<li class="grid_2 menua"><a href="home.html" title="" class="home">Accueil</a></li>
                <li class="grid_2 menua"><a href="favoris.html" title="" class="fav" data-reveal-id="myModal">Favoris</a></li>
                <li class="grid_2 menua"><a href="corbeille.html" title="" class="bin" data-reveal-id="myModal">Corbeille</a></li>
                <li class="grid_2 menua"><a href="historique.html" title="" class="hist" data-reveal-id="myModal">Historique</a></li>				
				<li class="grid_2 menua"><a href="search2.html" title="" class="search">Rechercher</a></li>
                <li class="grid_2 menua"><a href="#" title="" class="add">Ajouter <span>▼</span></a>
					<div id="add-content">
						<form>
								<fieldset id="inputs">
										<input id="objet" type="text" name="objectTask" placeholder="L'objet de la tâche est nécessaire" required>									
								</fieldset>
								<fieldset id="actions">
										<input type="submit" id="sauver" value="Sauver">
										<label><a href="#" title="+ de détails">Ajouter + de détails</a></label>
								</fieldset>
						</form>
					</div>
				</li>
			</ul>
			<div class="grid_4 access">
				<div class="access">
					<div class="avatar">
						<img src="img/avatar.jpg" alt="Cécile">
					</div>
					<h1 class="welcometext">Bienvenu Cécile </h1>
					<span class="sep">&#8594;</span>
					<a href="account.html" title="Mon compte" class="account">Mon compte</a>
					<span class="sep"> | </span>  
					<a href="#" title="Log out" class="logout">Déconnexion</a>
				</div>
			</div>
		</div>
	</nav>
    <div class="grid_12">    	
        <ul id="breadcrumbs">
        	<li class="base">Vous êtes à : </li>     	
            <li><a href="" class="current_page">Acceuil</a></li>
        </ul>
    </div>
	<div class="grid_4 suffix_0">
    	<a class="button2 task2 view" href="#"><span>Vous avez 10 tâches en attentes.</span></a>
		<!--<div class="message_info">Vous avez 10 tâches en attente(s).</div>-->
	</div>
	<div class="grid_16 alltasks">
			<a href="#" class="content_task" title="Chercher du boulot !">
				<span class="task task_h">
					<span id="title"># Chercher du boulot !</span>
					<span id="category">28/01/2012 - Boulot</span>
				</span>            
			</a>
			<a href="#" class="content_task" title="Faire a manger !">
				<span class="task task_h">
					<span id="title"># Faire à manger</span>
					<span id="category">Perso</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Chercher le pain">
				<span class="task task_m">
					<span id="title"># Chercher le pain</span>
					<span id="category">Contrainte</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Prendre medicaments">
				<span class="task task_m">
					<span id="title"># Prendre médicaments</span>
					<span id="category">Contrainte</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Appeler secu !">
				<span class="task task_m">
					<span id="title"># Appeler secu !</span>
					<span id="category">Contraite</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Chercher les enfants !">
				<span class="task task_l">
					<span id="title"># Chercher les enfants !</span>
					<span id="category">Contrainte</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Faire les courses">
				<span class="task task_l">
					<span id="title"># Faire les courses</span>
					<span id="category">Contrainte</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Se laver">
				<span class="task task_l">
					<span id="title"># Se laver si j'ai le temps...</span>
					<span id="category">Contrainte</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Téléphoner a ma soeur">
				<span class="task task_l">
					<span id="title"># Téléphoner à ma soeur</span>
					<span id="category">Perso</span>
				</span>
			</a>
			<a href="#" class="content_task" title="Regarder Die HArd 4">
				<span class="task task_l">
					<span id="title"># Regarder Die Hard 4</span>   
					<span id="category">Perso</span>           
				</span>
			</a>
	</div>
	<div class="footer">
		Copyright 2012 Square<b>Tasks</b> - Projet Licence Professionnelle PARIS DESCARTES - Version Alpha <span class="version">0.1</span>  
	</div>
</div>
</body>
</html>
